<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/layui/layui.css" media="all">
    <link rel="stylesheet" href="./static/css/manage.css">
    <style>
        .table_header_list {
            padding: 5px;
            font-size: 14px;
            color: #333;
            margin-right: 40px;
            float: left;
            border-bottom: 1px solid #fff;
            cursor: pointer;
        }

        .change_bot {
            border-bottom: 2px solid #008EFF;
        }
    </style>
    <title>管理系统</title>
</head>

<body>
    <!-- header s -->
    <div class="header ">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>

            <li class="header_nav">
                客户联系电话：400-XXX-XXX
            </li>
            <li class="header_nav" style="opacity: 0;">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>

            <li class="header_border">
                <select name="" id="">
                    <option value="">简体中文</option>
                </select>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                ID：-34000001
            </li>
        </ul>
    </div>
    <!--header e  -->
    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->

    <!-- main s -->
    <div class="manage_main o_f_h">
        <ul class="main_slider">
            <li>
                <a href="#">客户中心</a>
            </li>
            <li>
                <a href="#">个人资料</a>
            </li>
            <li>
                <a href="#">我的订单</a>
            </li>
            <li class="change_c">
                <a href="#">发票管理</a>
            </li>
        </ul>

        <div class="real_main">

            <p style="margin-top:30px;margin-bottom: 69px;">
                <span class="real_main_header" style="margin-right: 10px;">
                    我的包裹
                </span>

            </p>



            <div class="list">
                <div class="wrapper_table">

                    <ul class="real_table_header">
                        <li style="color:#008EFF;" class="table_header_1">
                            待付款
                        </li>
                        <li style="columns: #999999;" class="table_header_2">
                            2018-02-02 15:10:10
                        </li>
                        <li style="columns: #999999;">
                            订单号：A1802034646
                        </li>
                        <li style="columns: #999999;float:right;margin-right: 20px;">
                            总价：
                            <span style="color:#008EFF;">1266</span>
                        </li>
                    </ul>

                    <table class="layui-table" lay-skin="line" style=" margin: 0">
                        <colgroup>
                            <col width="50">
                            <col width="100">
                            <col width="100">
                            <col width="50">
                            <col width="50">

                        </colgroup>
                        <thead>
                            <tr syle="font-size:12px;">
                                <th>商品</th>
                                <th>零件信息</th>
                                <th>工艺</th>
                                <th>数量</th>
                                <th>单价</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <img src="./static/img/index/pho_3D_model@3x.png" alt="" style="width: 140px;display:block;margin: 0 auto;">
                                    <p style="text-align: center;font-size: 14px;">
                                        53ad8f8947085.stp
                                    </p>
                                </td>
                                <td style="font-size:12px;text-align:left">
                                    <p>零件编号： A1802034646_1</p>
                                    <p>文件名称： 53ad8f8947085.stp
                                        <p> 画图单位： mm </p>
                                        <p>尺寸： 340.000000*235.000000*20.000000 </p>
                                        <p>体积：165378.196900 </p>
                                        <p> 表面积： 168875.094700</p>
                                        <p> 数量： 1 </p>
                                        <p>套数： 1</p>
                                </td>
                                <td style="font-size:12px;text-align:left">
                                    <p>工艺： CNC </p>
                                    <p>材料：ABS（米黄） </p>
                                    <p>表面处理：无 </p>
                                    <p>UV：否 </p>
                                    <p>表面印刷：无 </p>
                                    <p>发货周期：3~5工作日</p>
                                </td>
                                <td>
                                    1
                                </td>
                                <td style="color:#008EFF;">
                                    ￥1266.00
                                </td>
                            </tr>

                        </tbody>
                    </table>

                    <!-- time -->
                    <div style="border:1px solid #e6e6e6;height: 30px;line-height: 30px;box-sizing: border-box;padding-left: 20px;font-size: 18px;border-top:0;;">
                        订单状态
                    </div>

                    <ul class="layui-timeline" style="padding-left: 20px;border:1px solid #e6e6e6;border-top:0;padding-top: 20px;">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月18日</h3>
                                <ul>
                                    <li>
                                        你的零件制作已完成
                                    </li>

                                    <li>
                                        物流公司： 圆通快递
                                    </li>

                                    <li>
                                        物流类型： TNT
                                    </li>

                                    <li>
                                        物流单号：66666666544
                                    </li>

                                    <li>
                                        填写单号时间：2018-02-21 16:10:10
                                    </li>



                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月16日</h3>
                                <p>杜甫的思想核心是儒家的仁政思想，他有“
                                    <em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
                                <ul>
                                    <li>《登高》</li>
                                    <li>《茅屋为秋风所破歌》</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月15日</h3>
                                <p>
                                    中国人民抗日战争胜利72周年
                                    <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
                                    <br>铭记、感恩
                                    <br>所有为中华民族浴血奋战的英雄将士
                                    <br>永垂不朽
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">过去</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="layui-btn layui-btn-normal layui-btn layui-btn-sm f_r" style="margin-top:20px;margin-bottom:20px;">
                    返回订单
                </div>
            </div>


        </div>
    </div>
    <!-- main e -->
</body>
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    layui.use(["jquery", 'form'], function () {
        var $ = layui.$
        var close_mask = $("#close_mask");
        var add_new_address = $(".add_new_address").eq(0);
        var mask = $(".mask").eq(0)
        add_new_address.click(function () {
            mask.css("display", "block")
        })
        close_mask.click(function () {
            mask.css("display", "none")

        })
    });
</script>

</html>